<html>

<head>
    <title>OpenGlobus - Earth planet</title>
    <link rel="stylesheet" href="../../css/og.css" type="text/css" />
</head>

<body>
    <div id="globus" style="width:100%;height:100%"></div>
    <script type="module">
        'use strict';

        import { Globe } from '../../src/og/Globe.js';
        import { WMS } from '../../src/og/layer/WMS.js';
        import { GlobusTerrain } from '../../src/og/terrain/GlobusTerrain.js';

        var ne = new WMS("Natural Earth", {
            visibility: true,
            isBaseLayer: true,
            url: '//openglobus.org/geoserver/ne/',
            layers: 'ne:HYP_HR_SR_OB_DR',
            version: '1.1.1',
            opacity: 1.0,
            specular: [0.001, 0.00046, 0.0003],
            shininess: 15,
            ambient: [0.1, 0.1, 0.2]
        });

        var globus = new Globe({
            "target": "globus",
            "name": "Earth",
            "terrain": new GlobusTerrain(),
            "layers": [ne]
        });

    </script>
</body>

</html>